style: Give notifications on lock screen the same width as in session

There is no strong reason to use the same width as user list and prompt
for notifications, in particular as the smaller width can make the
notification's content appear more cramped.

Instead, give notifications the same width as the message list in
the session. Especially where we reuse the same component — namely
media messages — this ensures consistent presentation.

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/work_items/9218
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/4217>
(cherry picked from commit 6b52520d9d0c3e8d918dd87bb2a04dc3122755a5)

diff --git a/data/theme/gnome-shell-sass/widgets/_login-lock.scss b/data/theme/gnome-shell-sass/widgets/_login-lock.scss
index 5929ccc572d626315c1ea1758dfb4883a9569bb2..cf8b0e5e83d3d6c48be5052862db0007b23b2327 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_login-lock.scss
+++ b/data/theme/gnome-shell-sass/widgets/_login-lock.scss
@@ -295,7 +295,7 @@ $_gdm_dialog_width: 25em;
 .unlock-dialog-notifications-container {
   margin: $base_margin * 3;
   spacing: $base_padding;
-  width: $_gdm_dialog_width;
+  width: $_message_list_width;
   background-color: transparent;
 
   .summary-notification-stack-scrollview {

diff --git a/data/theme/gnome-shell-sass/widgets/_message-list.scss b/data/theme/gnome-shell-sass/widgets/_message-list.scss
index 55f0b04609c54b410b62574627f8eadf7f11d5fc..f38adfa7d15cee1c739a2c0d309dd7842666bfb5 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_message-list.scss
+++ b/data/theme/gnome-shell-sass/widgets/_message-list.scss
@@ -1,9 +1,10 @@
 /* Message List */
 // a.k.a. notifications in the menu
+$_message_list_width: 29em;
 
 // main list
 .message-list {
-  width: 29em;
+  width: $_message_list_width;
   border: solid $borders_color;
 
   // padding and margins to account for scrollbar